@media all
{
     html{font-size:16px;}
}
@media all and (min-width:140px) and (min-height:220px)
{
     html{font-size:9px;}
}
@media all and (min-width: 220px) and  (min-height: 140px)
{
     html {font-size: 9px;}
}
@media all and (min-width:210px) and (min-height:280px),(min-width:280px) and (min-height:210px),(min-width:280px) and (min-height:280px)
{
     html{font-size:14px;}
}
@media all and (min-width:300px) and (min-height:460px),(min-width:460px) and (min-height:300px)
{
     html{font-size:16px;}
}
@media all and (min-width:340px) and (min-height:620px),(min-width:620px) and (min-height:340px)
{
     html{font-size:20px;}
}
@media all and (min-width:420px) and (min-height:760px) and (max-height:900px),
                  (min-width:760px) and (max-width:900px) and (min-height:420px)
{
     html{font-size:24px;}
}
@media all and (min-width:1000px) and (min-height:740px),(min-width:740px) and (min-height:1000px)
{
     html{font-size:20px;}
}
@media all and (min-width:1200px) and (min-height:600px),(min-width:600px) and (min-height:1200px)
{
     html{font-size:16px;}
}
@media all and (device-width:1024px) ,(device-width:768px)
{
     html{font-size:20px;}
}
@media all and (device-width:960px) and (device-height:640px),(device-width:640px) and (device-height:960px)
{
     html{font-size:32px;}
}
@media all and (device-width:480px) and (min-device-height:800px) and (max-device-height:900px),
                  (min-device-width:800px) and (max-device-width:900px) and (device-height:480px)
{
     html{font-size:24px;}
}
@media all and (device-width:360px) and (device-height:640px),(device-width:640px) and (device-height:360px)
{
     html{font-size:20px;}
}
@media all and (device-width:320px) and (device-height:480px),(device-width:480px) and (device-height:320px)
{
     html{font-size:16px;}
}
@media all and (device-width:240px) and (device-height:320px),(device-width:320px) and (device-height:240px),(device-width:320px) and (device-height:320px)
{
     html{font-size:14px;}
}
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline}
body{line-height:1}
ol,ul{list-style:none}
table{border-collapse:collapse;border-spacing:0}
caption,th,td{text-align:left;font-weight:normal;vertical-align:middle}
q,blockquote{quotes:none}q:before,q:after,blockquote:before,blockquote:after{content:"";content:none}
a img{border:none}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{display:block}
a:active{opacity: .8;text-decoration: none;}
a:link,header a:visited{opacity: 1;text-decoration: none;}
a:hover{opacity: .8;text-decoration: none;}
.fn_hide{display: none;}
/*base*/
html,body{-webkit-touch-callout: none;position: relative;background-color: #e1e0de;}
.boxes{display: -webkit-box;display:box ;}
.box1{-webkit-box-flex:1; box-flex: 1;}
.box4{-webkit-box-flex:4; box-flex: 4;}
.box5{-webkit-box-flex:5; box-flex: 5;}
header{border: 1px solid #d5d4d2;background-color: #fff;color: #666}
header div{font-size: 0.94em;}
header img{width: 5em;height: 5em;margin: 0.67em;border-radius: .5em;background-color: #ccc;box-shadow: 0 0 2px #666 inset;}
header p{line-height: 2.0em;padding-top: 1em;}
header p:nth-child(2){line-height: 1em;}
header .infoclass{overflow: hidden;display: block;margin:-1.3em 1em 0 0;font-size: 0.67em;line-height: 1.6em;text-align: center;border: 1px solid #c1c0be;border-radius: 0.5em;background-color: #f2f2f2;box-shadow: 0 0 1px #ccc inset;}
header .infoclass strong{display: block;font-weight: 700;font-size: 1.1em;line-height: 1.82em;}
header .girlid,header .boyid{display: inline-block;overflow: hidden;width: 1em;height: 1em;background: url(../images/b_g31x62.png) no-repeat;background-size: 100% auto;}
header .girlid{background: url(../images/b_g31x62.png) 0 bottom no-repeat;background-size: 100% auto;}

.content{padding-top: 0.6em;}
.content li{overflow: hidden;width: 88%;margin: 0 auto 0.93em;padding-bottom: 0.93em;border-bottom: 1px solid #b9b9b9;font-size:0.94em;line-height:1.33em ;color: #51504e;word-wrap: break-word;word-break: normal;word-break:break-all;}
.content li:last-child{padding-bottom: 0;border: 0 none}
.content li p{margin-bottom: 0.3em;}
.content li img{max-width: 50%;padding: 0.2em;margin-left: 0.2em;background-color: #fff;box-shadow: 0 0 3px #999; -webkit-box-sizing:border-box;}
.content li span{padding-left: 0.5em;font-size: 0.67em;line-height: 0.93em;color: #898886}
.content li .quote{position: relative;width: 88%;margin: 0.5em 0 1em 0.2em;padding: 0.5em 6% 0.3em;border:2px solid #d4d3d0;border-radius:0.33em;background-color: #ebebeb;-webkit-box-sizing:border-box;box-shadow: 0 1px 3px #a9a9a9}
.content li .quote:after{content: '';position: absolute;left:5%;top:-0.5em;width: 0;height: 0;font-size: 1em;border-top:0px solid transparent;border-right:0.5em solid transparent;border-bottom:0.5em solid #d4d3d0;border-left:0.5em solid transparent;border-style:dotted dotted  solid dotted;border-style:solid solid solid solid\9\0;z-index: 1;}
.content li .quote:before{content: '';position: absolute;left:5%;top:-0.3em;width: 0;height: 0;font-size: 1em;border-top:0px solid transparent;border-right:0.5em solid transparent;border-bottom:0.5em solid #ebebeb;border-left:0.5em solid transparent;border-style:dotted dotted  solid dotted;border-style:solid solid solid solid\9\0;z-index: 3;}
header .fn_hide{visibility: hidden;}
body.none{height: 40em;background: url(../images/none.png)  center 0 no-repeat;background-size: 100% auto;}
body.none header{display: none;}
body.none .content{display: none;}













































